<script setup lang="ts">
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
import HelloWorld from "@/components/HelloWorld.vue";
import DemoProp from "../demo-props/index.vue";
import DemoEmit from "../demo-emits/index.vue";
import DemoExpose from "../demo-expose/index.vue";
import DemoRouter from "../demo-router/layout/index.vue";
import DemoWatch from "../demo-watch/index.vue";
import DemoStore from "../demo-store/index.vue";
import DemoElementPlus from "../demo-element-plus/index.vue";
import DemoAxios from "../demo-axios/index.vue";
import DemoEnv from "../demo-env/index.vue";
import DemoSvg from "../demo-svg/index.vue";
import DemoFeature from "../demo-feature/index.vue";
import DemoElementTable from "../demo-element-table/index.vue";
import DemoDataGrid from "../demo-datagrid/index.vue";
import DemoLog from "../demo-log/index.vue";
import DemoSlot from "../demo-slot/index.vue";
</script>

<template>
  <div class="app">
    <img alt="Vue logo" src="@/assets/logo.png" />
    <HelloWorld msg="VITE+VUE3+TS+EL DEMO(DEV)" />
    <demo-prop></demo-prop>
    <demo-emit></demo-emit>
    <demo-expose></demo-expose>
    <demo-watch></demo-watch>
    <demo-store></demo-store>
    <demo-element-plus></demo-element-plus>
    <demo-axios></demo-axios>
    <demo-env></demo-env>
    <demo-router></demo-router>
    <demo-svg></demo-svg>
    <demo-feature></demo-feature>
    <demo-element-table></demo-element-table>
    <demo-data-grid></demo-data-grid>
    <demo-log></demo-log>
    <demo-slot></demo-slot>
  </div>
</template>

<style scoped>
.app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
